<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

    
    <script>
        // 面向过程和面向对象

        // 面向过程  具体
        // 就是分析出解决问题所需要的步骤，然后用变量,函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了
        // 购物车 (1. 获取元素 2. 数量加事件 3.数量减事件 4.全选/反选 5.单删和全删 6.合计)
        // 实际的知道你操作的是什么

        // 面向对象  抽象 
        // 思想上提升 , 就是将你的需求抽象成一个对象,然后针对这个对象分析其特征(属性)与行为(方法)--这个对象就称之为类(面向对象)

        // 电商的网站
        // 注册模块 - 登录模块 - 商品模块 - 商品搜索  - 商品详情 - 购物车 - 结算 
        

        // 面向对象特点 (封装 继承  多态  唯一 )   万物都是对象 

        

        // 对象 
        var girlfriend = {
            name:"小美",
            age:28,
            height:165,
            weight:100,
            address:"武汉",
            piqi:"知书达理",
            say(){
                console.log("daydayup");
            }
        }

        // 面向对象 抽象(对一个事物或者对一类事物的特征和行为描述)

        // 把大象放进冰箱中需要几步
        // (1)  面向过程 (分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现)
        // 1.1  需要的事物  大象  冰箱
        // 1.2  打开冰箱
        // 1.3  把大象放进冰箱中
        // 1.4  关上冰箱

        // var bingbox = "";  
        // var ele = "" // 大象
        // function openbin(){}
        // function put(){}
        // function close(){}
        

        // (2)  面向对象  (把大象放进冰箱)
        // 声明2个对象  大象对象  + 冰箱对象 
        // 冰箱的对象 = {
        //     target:"大象", //  猪肉，苹果，脆脆冰
        //     打开:方法
        //     放东西:方法  // 放target
        //     关闭:方法
        // }
        
        // 抽象对象 
        var binbox = {
            target:"",
            open(){

            },
            put(){

            },
            close(){}
        }
    </script>
</body>
</html>